import React from 'react'
import { ErrorBlock, Button } from 'antd-mobile'
import PageHeader from '../components/PageHeader'
import { useNavigate } from 'react-router-dom'
const NotFound: React.FC = () => {
  const navigate = useNavigate()
  return (
    <div>
      {/* 页面头部导航 */}
      <PageHeader>
        <h3>404-页面不存在</h3>
      </PageHeader>

      <ErrorBlock
        status="default"
        description={<h1>您访问的页面资源可能不存在!</h1>}>

        <Button
          onClick={() => navigate('/')}
          color="primary"
          shape="rounded">
          返回首页
        </Button>

      </ErrorBlock>
    </div>
  )
}
export default NotFound